<template>
	<view>
	<view v-if="load1 != 2" class="loading flex justify-center align-center">
		<view v-if="load1 == 0">
			<u-loading mode="flower"></u-loading>
		</view>
		<view v-if="load1 == 1" class="loading-text flex justify-center align-center">
			<text>已经到底了哦!</text>
		</view>
	</view>
	<view v-if="load2 != 2" class="loading flex justify-center align-center">
		<view v-if="load2 == 0">
			<u-loading mode="flower"></u-loading>
		</view>
		<view v-if="load2 == 1" class="loading-text flex justify-center align-center">
			<text>已经到底了哦!</text>
		</view>
	</view>
	<view v-if="load3 != 2" class="loading flex justify-center align-center">
		<view v-if="load3 == 0">
			<u-loading mode="flower"></u-loading>
		</view>
		<view v-if="load3 == 1" class="loading-text flex justify-center align-center">
			<text>已经到底了哦!</text>
		</view>
	</view>
	</view>
</template>

<script>
	export default {
		name:"loading",
		props:{
			load1:Number,
			load2:Number,
			load3:Number
		},
		data() {
			return {
			};
		},
		watch:{
			
		}
	}
</script>

<style lang="scss" scoped>
	.loading {
		height: 100rpx;
	
		.loading-text {
			font-size: 21rpx;
			color: #666666;
		}
	}
</style>
